$(function () {

    $("#allCheckBox").checkall({
        target:":checkbox[name='cartCheckBox']", //子复选框选择器
        callback:function () {//全选的回调函数
            calc()
        },
        childCallback:function () {//子复选框的回调函数
            calc()
        }
    });
    $("#add").click(function () {
        let tr = $("<tr id=\"product4\">\n" +
            "                <td class=\"cart_td_1\"><input name=\"cartCheckBox\" type=\"checkbox\" value=\"product4\"></td>\n" +
            "                <td class=\"cart_td_2\"><img src=\"images/taobao_cart_04.jpg\" alt=\"shopping\"></td>\n" +
            "                <td class=\"cart_td_3\"><a href=\"#\">相宜促销专供 大S推荐 最好用的LilyBell化妆棉</a><br>\n" +
            "                    保障：<img src=\"images/taobao_icon_01.jpg\" alt=\"icon\"></td>\n" +
            "                <td class=\"cart_td_4\">12</td>\n" +
            "                <td class=\"cart_td_5\">12.00</td>\n" +
            "                <td class=\"cart_td_6\"><img src=\"images/taobao_minus.jpg\" alt=\"minus\" class=\"hand\"> <input id=\"num_4\" type=\"text\" value=\"2\" class=\"num_input\" readonly=\"readonly\"> <img src=\"images/taobao_adding.jpg\" alt=\"add\" class=\"hand\"></td>\n" +
            "                <td class=\"cart_td_7\"></td>\n" +
            "                <td class=\"cart_td_8\"><a href=\"javascript:void(0);\">删除</a></td>\n" +
            "            </tr>");
        $("table").append("<tr>\n" +
            "                <td colspan=\"8\" class=\"shopInfo\">店铺：<a href=\"#\">红豆豆的小屋</a>    卖家：<a href=\"#\">taobao豆豆</a> <img src=\"images/taobao_relation.jpg\" alt=\"relation\"></td>\n" +
            "            </tr>")
            .append(tr)

        //对新添加元素事件绑定
        tr.find(".cart_td_8 a").bind("click",function () {
            $(this).closest("tr").prev().remove()
            $(this).closest("tr").remove()
            calc()
        })
    })
    // //每一个复选框
    // $(":checkbox[name=\"cartCheckBox\"]").click(function () {
    //     // this.checked;//
    //     calc()
    // })
    // //全选
    // $("#allCheckBox").click(function () {
    //     let f = this.checked;//全选的是否选中
    //     $(":checkbox[name=\"cartCheckBox\"]").each(function () {
    //         this.checked = f;//每一个复选框的选中和全选复选框
    //     })
    //     calc()
    // })
    // //减
    // $("img[alt=\"minus\"]").click(function () {
    //     let num = $(this).next().val();
    //     if (num == 1) {
    //         alert("不能在减了");
    //     } else
    //         $(this).next().val(parseInt(num) - 1);
    //     calc();
    // })
    // //加
    // $("img[alt=\"add\"]").click(function () {
    //     let num = $(this).prev().val();
    //     $(this).prev().val(parseInt(num) + 1);
    //     calc();
    // })
    // //删除所选
    // $("#deleteAll").click(function () {
    //     $(":checkbox[name=\"cartCheckBox\"]:checked").closest("tr").prev().remove();
    //     $(":checkbox[name=\"cartCheckBox\"]:checked").closest("tr").remove()
    //     calc()
    // })
    //单个删除
    $(".cart_td_8 a").click(function () {
        $(this).closest("tr").prev().remove()
        $(this).closest("tr").remove()
        calc()
    })

})

//计算小计，总价、总积分
function calc() {
    //获取选中的复选框
    let totalPrice = 0;
    let totalJf = 0;
    $(":checkbox[name=\"cartCheckBox\"]:checked").each(function () {
        //当前选中的复选框
        let tr = $(this).closest("tr");//第一个父元素tr
        //找子元素
        let jf = $(".cart_td_4", tr).text();//积分
        let price = tr.find(".cart_td_5").text();//单价
        let num = tr.find(".num_input").val();//数量
        //设置小计
        tr.find(".cart_td_7").text(price * num);
        totalPrice += price * num;
        totalJf += jf * num;
    })
    $("#total").text(totalPrice);
    $("#integral").text(totalJf);
}